<template>
  <div>
    <h1>品类管理</h1>
    <el-button type="success" @click="add">添加品类</el-button>
    <br />
    <br />
    <template>
      <el-table :data="classificationlist" style="width: 100%">
        <el-table-column prop="id" label="品类id"> </el-table-column>
        <el-table-column prop="name" label="姓名"> </el-table-column>
        <el-table-column prop="" label="操作">
          <template slot-scope="scope">
            <el-button @click="edit(scope.row.id)">修改名称</el-button>
            <el-button @click="zi(scope.row.id)">查看其子品类</el-button>
          </template>
        </el-table-column>
      </el-table>
    </template>
    <!-- 修改名称对话框 -->
    <el-dialog title="修改名称" :visible.sync="dialogFormVisible">
      <el-form>
        <el-form-item label="名称">
          <el-input autocomplete="off" v-model="editname"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="editnamea">确 定</el-button>
      </div>
    </el-dialog>
    <!-- 添加品类对话框 -->
    <el-dialog title="添加名称" :visible.sync="adddialogFormVisible">
      <el-form>
        <el-form-item label="名称">
          <el-input autocomplete="off" v-model="addnamea"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="adddialogFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="addnameb">确 定</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { classification, editname, addname } from "../../../http/http";
export default {
  name: "",
  components: {},
  props: [],
  data() {
    return {
      classificationlist: [],
      dialogFormVisible: false,
      adddialogFormVisible: false,
      editname: "",
      addnamea: "",
      id: "",
      list: [],
      name: [
        "1、你我齐心携手，共创和谐城区。",

        "2、以顾客为关注焦点，努力超越顾客期望。",

        "3、要我学，等于零。我要学，才有用。",

        "4、海阔凭鱼跃，天高任鸟飞。",

        "5、书到用时方恨少，事非经过不知难",

        "6、管理零缺陷，服务零距离，顾客零投诉。",

        "7、人有多少知识，就有多少力量。",

        "8、一切伟大的事业，或者说一切大事，都是由小事组成的。",

        "9、希望是生命的源泉，失去它生命就会枯萎。",

        "10、想，要壮志凌云；干，要脚踏实地。",

        "11、现实是此岸，理想是彼岸。中间隔着湍急的河流，行动则是架在川上的桥梁。",

        "12、知识像烛光，能照亮一个人，也能照亮无数人。",

        "13、人类的幸福和欢乐在于奋斗，而最有价值的是为理想而奋斗。",

        "14、大海的浪花靠劲风吹起，生活的浪花靠理想鼓起。",

        "15、一个真正美的心灵总是有所作为而且是一个实实在在的人。",

        "16、顽强的毅力可以征服世界上任何一座山。",

        "17、一个公司的名气是由公司里有什么样的人决定的。",

        "18、时间就像海绵里的水，只要你愿意挤，总还是有的。",

        "19、只有学习精彩，生命才精彩；只有学习成功，事业才成功。",

        "20、创新是一个民族进步的灵魂。",

        "21、服务管理标准化，质量创优靠大家。",

        "22、千里始足下，高山起微尘。",

        "23、企业生命之树的土壤是顾客。",

        "24、我们有不同的思想，不同的岗位，但是我们着手工作时，。",

        "25、道德的分量有多重，人生留下的脚印就有多深。",

        "26、客户满意是检验我们工作的唯一标准。",

        "27、懦夫把困难当作沉重的包袱，勇士把困难当作前进的阶梯。",

        "28、立志不高，则溺于流俗；称身不严，则入于匪辞。",

        "29、打造平安大院构建和谐社会。",

        "30、与客户的距离无限小，企业发展的空间就无限大。",

        "31、谈判不是寻求己方最佳点，而是找到双方共同点。",

        "32、市场竞争不同情弱者，不创新突破只有出局。",

        "33、重视合同，确保质量，准时交付，严守承诺。",

        "34、在宁静的环境，悠闲的心情静静地读书，是人生最有味的享受。",

        "35、以诚相待、恩爱相伴、孝敬老人、教抚小孩、和睦相处、幸福永远。",

        "36、公司的英雄是谁？是我们的员工。",

        "37、在风雨中飞翔的鸟才是勇敢的，顶着困难往前跑的人才是有出息的。",

        "38、争取一个客户不容易，失去一个客户很简单。",

        "39、你无法教会别人任何东西，你只能帮助别人发现一些东西。",

        "40、把社区建设成“三土”即热土、净土、乐土，建成“三园”即家园、学园、花园。",

        "41、顾客的成功就是我们的成功。",

        "42、提高售后服务质量，提升客户满意程度。",

        "43、对于事业的抱负和理想，是以“真”为开始，“善”为历程，“美”为最终目标。",

        "44、企业核心竞争力就是获取客户资源的能力。",

        "45、不管理想多么美好，总得扎根在现实的土壤里。",

        "46、出言吐语勿忘有容乃大，行为举止切记恶小不为。",

        "47、天下无难事，只怕有心人。",

        "48、只有一条路可以通往远大的目标及伟大的事业：力量和坚韧。",

        "49、有志者自有千方百计，无志者只有千难万难。",

        "50、敏而好学，不耻下问。",

        "51、绳锯木断，水滴石穿。",

        "52、以人为本服务居民。",

        "53、顾客是企业发展的源泉。",

        "54、我们的服务不止于顾客认可，更要追求顾客成功。",

        "55、树立社会新风，争做文明市民。",

        "56、天生我材必有用。",

        "57、一个人可以得到他想做的一切，需要的只是坚忍不拔的毅力和持久不懈的努力。",

        "58、老有所养老有所医老有所乐老有所为老有所学。",

        "59、母亲赋予了我们以灵魂和肉体，我就以我的灵肉来探索人生。",

        "60、学习是创造的前提，又是创造的过程。",

        "61、汗水是滋润灵魂的甘露，双手是理想飞翔的翅膀。",

        "62、日出唤醒大地，读书唤醒头脑。",

        "63、千锤成利器，百炼成纯钢。",

        "64、社区是我家建设靠大家。",

        "65、青年服务社区，社区培育青年。",

        "66、服务从心开始bw20诚信是金，服务用心。",

        "67、机不可失，时不再来。",

        "68、不惜寸阴于今日，必留遗憾于明日。",

        "69、世界上荣誉的桂冠，都用荆棘纺织而成。",

        "70、用户满意永远是第一追求。",

        "71、路虽近，不行不到；事虽小，不为不成。",

        "72、1.逆水行舟，不进刚退。",

        "73、加强社区建设，创建美好家园。",

        "74、人生包括两个部分：过去的是一个梦；未来的是一个希望。",

        "75、顾客的赞美，是企业最大的财源。",

        "76、用我们的爱心和双手，共建温馨美好的家园。",

        "77、优化社区秩序、美化社区环境、完善社区服务，形成和谐的社区人际关系。",

        "78、追求客户的满意，是你我应有责任。",

        "79、客户想到的和没有想到的，我们都要做到。",

        "80、抱怨事件速处理，客户满意又欢喜。",

        "81、学而不思则罔，思而不学则殆。",

        "82、少说空话，多做工作，扎扎实实，埋头苦干。",

        "83、胜利者往往是从坚持到最后五分钟的时间中得来的。",

        "84、市场是企业的方向，质量是企业的生命。",

        "85、多一份投入，多一种学习，多一些反思，多一点执着。",

        "86、以质量为生命，以客户为中心。(www.lz13.cn)",

        "87、引领市场，创造市场，服务市场。",

        "88、鹰美在高空中，花美在绿丛中，话美在道理中，人美在劳动中。",

        "89、没有订单就没有目标，没有目标就没有工资。",

        "90、您的满意，我们的希望；您的希望，我们的追求。",

        "91、乐观是一首激昂的进行曲，时时鼓舞着你对事业的进取精神。",

        "92、力览前贤国与家，成由勤俭破由奢。",

        "93、长风破浪会有时，直挂云帆济沧海。",

        "94、创展文明社区，建美好家园。",

        "95、革去不良习惯，提升服务质量。",

        "96、以邻为友、以让为先、互相帮助、祥和平安。",

        "97、服务创造价值、服务赢得尊重、服务打造品牌。",

        "98、生活中没有书籍，就好像没有阳光；智慧里没有书籍，就好像没有翅膀。",

        "99、顾客所需，我们所想；品牌至上，商誉是金。",

        "100、品质第一，顾客至上。",

        "101、客户的要求就是我们的工作标准。",

        "102、市场导向是我们一切行动的依归。",

        "103、欲穷千里目，更上一层楼。",

        "104、市场是海，企业是船，质量是帆，人是舵手。",
      ],
    };
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {
    this.classification();
  },
  methods: {
    // 一级品类
    async classification() {
      const { data: res } = await classification();
      this.classificationlist = res.data;
      //   批量修改名称
      for (let i = 0; i < this.classificationlist.length; i++) {
        this.list.push(this.classificationlist[i].id);
      }
    },
    // 打开对话框
    edit(id) {
      this.dialogFormVisible = true;
      this.id = id;
    },
    // 修改名称
    async editnamea() {
      const { data: res } = await editname({
        categoryId: this.id,
        categoryName: this.editname,
      });

      // for (let i = 0; i < this.list.length; i++) {
      //   const { data: res } = await editname({
      //     categoryId: this.list[i],
      //     categoryName: this.name[i],
      //   });
      // }
      this.dialogFormVisible = false;
      this.classification();
    },
    // 子品类跳转
    zi(id) {
      this.$router.push({
        name: "categoryzi",
        params: {
          id: id,
        },
      });
    },
    // 添加品类
    add() {
      this.adddialogFormVisible = true;
    },
    async addnameb() {
      const { data: res } = await addname(this.addnamea);
      console.log(res);
    },
  },
};
</script>

<style lang='scss' scoped>
</style>
